.main{
  /** 第一部分echart展示 */
  .show-container{
    /** 左边图标展示栏 */
    .echart-content{
      margin-right: 271px;
      overflow: hidden;
      #inspection-general-section{
        float: left;
        width: 49%;
        margin-right: 2%;
        height: 261px;
        background: #fff !important;
      }
      #inspection-times-section{
        float: left;
        width: 49%;
        height: 261px;
        background: #fff !important;
      }
      #management-general-section{
        float: left;
        width: 100%;
        height: 261px;
        margin-top: 14px;
        background: #fff !important;
      }
    }
    /** 右边任务提示栏 */
    .task-info-content{
      float: right;
      width: 264px;
      /** 共用header样式 */
      .common-task-header{
        position:relative;
        padding-left: 10px;
        line-height: 36px;
        background: #51a5db;
        color: #fff;
        .add-main{
          position: absolute;
          top: 0;
          right: 6px;
          cursor: pointer;
        }
      }
      .important-task{
        background: #ecf0f1;
        .important-task-item{
          margin-top: 7px;
          height: 68px;
          overflow: hidden;
          background: #fff;
          .task-icon{
            float: left;
            width: 76px;
            line-height: 68px;
            height: 68px;
            text-align: center;
            img{
              vertical-align: middle;
            }
          }
          .task-right{
            position: relative;
            overflow: hidden;
            height: 100%;
            padding: 16px 23px 6px 8px;
            line-height: 1;
            .line1{
              font-size: 15px;
              color: #666666;
            }
            .line2{
              text-align: right;
              .number{
                font-size: 36px;
                color: #ccc;
              }
              .txt{
                font-size: 16px;
                color: #ccc;
              }
            }
            .line3{
              position: absolute;
              top: 3px;
              right: 0;
              width: 16px;
              height: 16px;
              color: #fe6f4d;
            }
          }
          .arrange-icon{
            background: #f7856d;
          }
          .protection-icon{
            background: #2dc3e8;
          }
          .education-icon{
            background: #feb358;
          }
        }
      }
      .train-task{
        margin-top: 14px;
        height: 261px;
        background: #fff;
        .train-task-list{
          padding: 10px 7px;
          margin-top: 10px;
          .row{
            background: #f1f1f1;
            font-size: 12px;
            border-radius: 4px;
            height: 32px;
            line-height: 32px;
            color: #fff;
            overflow: hidden;
            margin-top: 5px;
            .th{
              float: left;
              text-align: center;
              color: #fff;
              height: 100%;
              line-height: 32px;
            }
            .td{
              float: left;
              text-align: center;
              color: #555555;
              height: 100%;
              line-height: 32px;
            }
            .td1{
              padding: 0 8px;
              width: 30%;
              height: 32px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;            
            }
            .td2{
              width: 40%;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; 
            }
            .td3{
              width: 30%;
            }
            .name{
              letter-spacing: 6px;
            }
          }
          .title{
            background: #86caf6;
            margin-top: 0;
          }
        }
      }
    }

  }

  /** 问题汇总 */
  .problems-container{
    margin: 12px 16px 0 16px;
    background: #fff;
    overflow: hidden;

    .problems-list-outer{
      margin: 4px 7px;
    }
    .problems-list-table{
      width: 100%;
      margin-bottom: 4px;
      /*table-layout: fixed;*/
      th{
        height: 31px;
        background: #f78f7a;
        color: #fff;
        text-align: center;
        font-size: 15px;
        font-weight: normal;
      }
      td{
        text-align: center;
        height: 31px;
        color: #6c6c6c;
        font-size: 12px;
        font-weight: normal;
        background: #f1f1f1;
        border-top: 5px solid #fff;
      }
    }
  }

  /** 红黑榜 */
  .top-list-container{
    margin: 12px 16px 0 16px;
    background: #fff;
    overflow: hidden;
    .top-list{
      margin: 4px 7px;
      overflow: hidden;
  
      .list{
        width: 49.5%;
        float: left;
        .list-header{
          height: 31px;
          line-height: 31px;
          padding-left: 13px;
          background: #90dbed;
          border-radius: 3px;
          i{
            color: #fff;
            font-size: 20px;
          }
          span{
            color: #434343;
            font-size: 15px;
          }
        }
      }
      .red-list{
        margin-right: 0.5%;
      }
      .black-list{
        margin-left: 0.5%;
      }
    }
    .container-header{
      position: relative;
    }
    .more-bang{
      position: absolute;
      top: 0;
      right: 9px;
      cursor: pointer;
    }
  }
}
/* 新增重点检查项*/
.newItem{
  img{
    vertical-align: middle;
  }
  span{
    vertical-align: middle;
  }
  .tree-container{
    width: 280px;
    padding-bottom: 10px;
    background: #fff;
    transform: translateY(-20px);
    transition: all .2s linear;
    &.active{
      transform: translateY(0px);
    }
    .tree-header{
      color: #46a1db;
      font-size: 14px;
      overflow: hidden;
      line-height: 34px;
      padding-left: 12px;
      span{
        color: #46a1db;
      }
      i{
        float: right;
        padding: 11px;
      }
    }
    .ztree{
      height: 200px;
      overflow: auto;
    }
  }

}